* {
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #181818;
}

body {
    max-width: 100%;
    margin: auto;
    color: white;
    font-size: .6rem;
    overflow-x: hidden;
    background-color: #181818;
}

.container .container_item {
    float: left;
}

.container .container_item > div {
    float: left;
}

.container .container_item > .bottom_item {
    width: 100%;
    padding-top: .3rem;
    margin: auto;
    height: 2rem;
    background: #181818;
    text-align: center;
    position: relative;
}

.container .container_item > .bottom_item > div {
    position: absolute;
    margin: 0 auto;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    padding: .2rem;
    font-size: .9rem;
    text-align: center;
}

.head {
    margin-top: 3.04rem;
}

.banner {
    width: 100%;
    overflow: hidden;
    height: 12rem;
    position: relative;
    margin: 0px auto;
}

.banner .banner_item {
    width: 100%;
    height: 12rem;
    position: relative;
}

.banner .banner_item img {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}

.banner .banner_item .banner_item_bg {
    position: absolute;
    width: 100%;
    height: 3rem;
    left: 0;
    bottom: 0;
    background: linear-gradient(
            180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    opacity: 0.49;
}

.banner .banner_item .banner_item_bg div {
    position: absolute;
    bottom: .6rem;
    left: .5rem;
    font-size: 1rem;
    opacity: 1;
    background: #00000000;
}


.swiper-wrapper {
    width: 100%;
    height: 6.2rem;
    margin: .6rem 0 .46rem 0;
}

.swiper-wrapper .swiper-slide {
    width: 100%;
    height: 6.2rem;
    float: left;
    margin-left: .1rem;
}

.swiper-wrapper .swiper-slide img {
    width: 6rem;
    height: 7.3rem;
    border-radius: .1rem;
}

/*
    稀有
*/
.scarce {
    padding-top: 3rem;
    padding-right: .6rem;
    padding-left: .6rem;
}

.scarce .scarce_title {
    margin-bottom: .28rem;
    line-height: 1rem;
    font-weight: bold;
    height: 1rem;
    font-size: 1rem;
}
.scarce_content {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.scarce_content .scarce_item:nth-child(2n-1) {
    float: left;
    margin-bottom: .6rem;
    text-align: center;
    box-sizing: border-box;
    margin-right: .2rem;
}

.scarce_content .scarce_item:nth-child(2n) {
    float: right;
    margin-bottom: .6rem;
    text-align: center;
    box-sizing: border-box;
    margin-left: .2rem;
}

.scarce_content .cc:after {
    content: '';
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
    margin-bottom: .1px;
    margin-top: .6rem;
}

.scarce_content .scarce_item img {
    width: 100%;
    height: 6.5rem;
    background-size: cover;
    line-height: 6.5rem;
    background-position: center;
    text-align: center;
    border-radius: .2rem;
    margin-top: .3rem;
}

.scarce_content .scarce_item div {
    margin-bottom: .04rem;
    color: #d8d8d8;
    line-height: .28rem;
    margin-top: .3rem;
    text-align: left;
}

.scarce > .scarce_more {
    position: relative;
    width: 100%;
    height: 1.2rem;
    background: url("https://jyimg.symedicine.cn/uploads/img/btn_bg1.png") no-repeat;
    background-size: 100% 100%;
    text-align: center;
    font-weight: bold;
    font-size: 1rem;
    line-height: .96rem;
    padding: .8rem 0rem;
    margin-top: 1rem;
    cursor: pointer;
    animation: move 1.5s infinite linear;
    -webkit-animation: move 1.5s infinite linear;
    clear: both;
}

.upnew {
    padding-left: .6rem;
    padding-right: .6rem;
    background: #181818 url("https://jyimg.symedicine.cn/uploads/img/bg_1.png") center center;
    background-size: 100% 100%;
    padding-top: 1rem;
}

.upnew .upnew_title > span {
    vertical-align: bottom;
}

.upnew .upnew_title span:first-child {
    letter-spacing: .02rem;
    font-size: 1rem;
    margin-right: .08rem;
    font-weight: bold;
}

.upnew .upnew_title span:last-child {
    font-size: .6rem;
    padding-top: .18rem;
    color: #c3c3c3;
    line-height: 1rem;
    height: 1rem;
}

.upnew .upnew_another > div {
    width: 7.02rem;
    height: .96rem;
    border-radius: .2rem;
    border: .07rem solid #FF4CE7;
    text-align: center;
    color: #FF4CE7;
    line-height: .96rem;
    cursor: pointer;
    font-size: .32rem;
    margin-top: 1.5rem;
}

.upnew_content_top {
    width: 100%;
    height: 6.60rem;
    margin-top: 0.6rem;
    clear: both;
}

.upnew_content_top img {
    width: 100%;
    height: 10.6rem;
    border-radius: .1rem;
}

.upnew_content_top div {
    color: #d8d8d8;
    line-height: .28rem;
    margin-top: .3rem;
    background: url("https://jyimg.symedicine.cn/uploads/img/bg_3.png");
}


.upnew_content_bottom {
    margin-top: 6rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-bottom: .6rem;
}

.upnew_content_bottom .upnew_content_bottom_item {
    margin-bottom: .3rem;
}

.upnew_content_bottom .upnew_content_bottom_item:nth-child(2n-1) {
    float: left;
    margin-bottom: .3rem;
    text-align: center;
    margin-right: .2rem;
}

.upnew_content_bottom .upnew_content_bottom_item:nth-child(2n) {
    float: right;
    margin-bottom: .3rem;
    text-align: center;
    margin-left: .2rem;
}

.upnew_content_bottom .upnew_content_bottom_item img {
    width: 100%;
    height: 6.5rem;
    line-height: 6.5rem;
    background-size: cover;
    background-position: center;
    margin-top: .3rem;
    text-align: center;
    border-radius: .2rem;
}

.upnew_content_bottom .upnew_content_bottom_item div {
    margin-bottom: .04rem;
    color: #d8d8d8;
    line-height: .28rem;
    margin-top: .3rem;
    text-align: left;
}

.mustsee {
    padding-left: .6rem;
    padding-right: .6rem;
    padding-top: 1.5rem;
    position: relative;
    background: #181818 url("https://jyimg.symedicine.cn/uploads/img/bg_2.png") center center;
    background-size: 100% 100%;
}

.mustsee .mustsee_title .mustsee_title_left {
    margin-right: .08rem;
    font-weight: bold;
    font-size: 1rem;
    line-height: 1rem;
    height: 1rem;
    letter-spacing: .02rem;
}

.mustsee .mustsee_title .mustsee_title_right {
    font-size: .6rem;
    padding-top: .18rem;
    color: #c3c3c3;
    line-height: 1rem;
    height: 1rem;
}

.mustsee:after {
    content: '';
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}

.mustsee .mustsee_another .mustsee_another_button {
    width: 7.02rem;
    height: .96rem;
    border-radius: .48rem;
    border: .07rem solid #FF4CE7;
    text-align: center;
    color: #FF4CE7;
    line-height: .96rem;
    cursor: pointer;
    transform: translate(0, -50%);
    margin-top: 10rem;
}

.mustsee_content {
    clear: both;
    position: relative;
}

.mustsee_content_top {
    width: 100%;
    height: 10.60rem;
    clear: both;
}

.mustsee_content_top img {
    width: 100%;
    height: 10.6rem;
    margin-top: .5rem;
    border-radius: .1rem;
}

.mustsee_content_top div {
    margin-bottom: .04rem;
    color: #d8d8d8;
    line-height: .28rem;
    margin-top: 1rem;
}

.mustsee_content_bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.mustsee_content_bottom .mustsee_content_bottom_item {
    margin-bottom: .3rem;
}

.mustsee_content_bottom .mustsee_content_bottom_item:nth-child(2n +1) {
    float: left;
    text-align: center;
    margin-right: .2rem;
}

.mustsee_content_bottom .mustsee_content_bottom_item:nth-child(2n) {
    float: right;
    text-align: center;
    margin-left: .2rem;
}

.mustsee_content_bottom:after {
    content: '';
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}

.mustsee_content_bottom {
    margin-bottom: 20px;
    margin-top: 3rem;
}

.mustsee_content_bottom .mustsee_content_bottom_item img {
    width: 100%;
    height: 6.5rem;
    background-size: cover;
    background-position: center;
    text-align: left;
    border-radius: .2rem;
    display: block;
    margin-bottom: .3rem;
}

.mustsee_content_bottom .mustsee_content_bottom_item div {
    width: 100%;
    margin-top: .3rem;
    margin-bottom: .3rem;
    color: #d8d8d8;
    line-height: .28rem;
    margin-top: .3rem;
    float: left;
    text-align: left;
}

.bottom {
    width: 100%;
    display: block;
    height: 10rem;
    padding-top: 2rem;
    padding-bottom: 3rem;
    background: #181818 url("https://jyimg.symedicine.cn/uploads/img/bg_3.png") center center;
    background-size: 100% 100%;
}

.bottom .bottom_top {
    width: 100%;
    text-align: center;
}

.bottom .bottom_top .bottom_top_left {
    margin-right: .2rem;
    padding-top: .24rem;
    line-height: .44rem;
    font-size: .6rem;
}

.bottom .bottom_top .bottom_top_right {
    line-height: .74rem;
    font-weight: bold;
    font-size: 1rem
}

.container .container_item > .bottom_item > .bottom_down_button {
    width: 12.32rem;
    height: 2.22rem;
    margin-top: .6rem;
    background: url(https://jyimg.symedicine.cn/uploads/img/btn_bg2.png);
    background-size: 100% 100%;
    line-height: 1.5rem;
    font-size: 1.3rem;
    padding: .8rem 1rem;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}

.container .container_head {
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3.04rem;
    background: url(https://jyimg.symedicine.cn/uploads/img/bg_top.png) no-repeat;
    background-size: 100% 100%;
    background-position: center;
    animation: shrink 1s linear infinite;
}

.container .container_foot {
    z-index: 100;
    position: fixed;
    width: 100%;
    height: 4.66rem;
    bottom: 0;
    left: 0;
    background: url(https://jyimg.symedicine.cn/uploads/img/bg_bottom.png);
    background-size: 100% 100%;
    animation: shrink 1s linear infinite;
}


.view {
    position: relative;
    width: 100%;
    height: 100%;
    background: #574f4f;
}

@keyframes move {
    0% {
        transform: translate(0, 0);
    }
    25% {
        transform: translate(0, -.04rem)
    }
    50% {
        transform: translate(0, 0)
    }
    75% {
        transform: translate(0, .04rem)
    }
    100% {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes move

    /*Safari and Chrome*/
{
    0% {
        transform: translate(0, 0);
    }
    25% {
        transform: translate(0, -.04rem)
    }
    50% {
        transform: translate(0, 0)
    }
    75% {
        transform: translate(0, .04rem)
    }
    100% {
        transform: translate(0, 0)
    }

}

@-webkit-keyframes shrink {
    0% {
        -webkit-transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.02);
    }
}

@keyframes shrink {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.02);
    }
}


/* 微信
*/
/*------------------ 微信弹窗 -----------------*/
.wechat {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
}

.wechat img {
    width: 100%;
}
